.slider_screen {
    background: #000;
    position: absolute;
    padding:0;
    margin:auto;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 10000;
}

.slider_screen ul  {
    list-style: none;
    padding:0px;
    margin:0px;
    position: relative;
    z-index: -1;
    width: 100%;
    height: 100%;
    display: box;
    display: -webkit-box; 
    display: -moz-box;
    display: -ms-flexbox;
   }

.slider_screen li {
    width: 100%;
    height: 100%;
    text-align: center;
    overflow:hidden;
    background: url('max_loading.gif') no-repeat center center; 
    background-size: 30px 30px; 

}

.slider_screen img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.slider_screen .counts {
    position: absolute;
    top: 5%;
    left: 0;
    right: 0;
    text-align: center;
    margin:0;
    padding:0;
 }

.slider_screen .value {
    border-radius: 9px;
    line-height: 18px;
    padding: 0 6px;
    font-size: 14px;
    display: inline-block;
    background-color: rgba(102,102,102,.6);
    color: #f1f1f1;
}

.slider_screen .photo-meta {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 2;
}

.slider_screen .action {
   margin:0;
   padding:0;
   position: relative;
   height:40px;
   border-top:1px solid #4b4a49;
}

.slider_screen .bg {
   margin:0;
   padding:0;
   position: absolute;
   height:42px;
   background:#000;
   width:100%;
   opacity: 0.6;
}

.slider_screen .remove {
   float:right;
   line-height: 40px;
   color: #fff;
   padding:0 10px;
   margin-right:10px;
}

.slider_screen .zoom {
   float:left;
   display:inline-block;
   width:22px;
   height:22px;
   margin:10px;
   background-image: url(photo.png);
   background-size: 280px 22px;
   background-position: -132px 0;
}

.slider_screen .left {
   float: left;
   line-height: 40px;
   color: #fff;
   padding: 0 10px;
   margin-right: 10px;
   border-right: 1px solid #999;
}
